<AutoComplete @bind-Value="@value" Options="@options" OnSelectionChange="OnSelectionChange" OnActiveChange="OnActiveChange" Placeholder="input here"/>
<Divider></Divider>
<span>bind-Value:@value</span>
<br />
<span>SelectedValue:@selectItem?.Value</span>
<br />
<span>ActiveValue:@activeItem?.Value</span>

@code
{ 
    private string value;

    List<string> options = new List<string>()
{
        "Beijing","Shanghai","Guangzhou","Shenzhen","Chongqing","Wuhan"
    };


    private AutoCompleteOption selectItem;

    void OnSelectionChange(AutoCompleteOption item)
    {
        selectItem = item;
    }

    private AutoCompleteOption activeItem;

    void OnActiveChange(AutoCompleteOption item)
    {
        activeItem = item;
    }
}